<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Consultar</title>

<c:import url="/templates/preCabecalho.jsp"></c:import>

<link href="${pageContext.request.contextPath}/resources/css/clinica/consultarClinica.css" type="text/css" rel="stylesheet"/>

<script type="text/javascript" src="${pageContext.request.contextPath}/resources/js/clinica/consultarClinicaFormulario.js"></script>

</head>
<body ondragstart ="return false">

	<%--Deverá ser importado o cabeçalho da página de forma genérica --%>
	<c:import url="/templates/cabecalho.jsp"></c:import>
	
	<%--Deverá ser importado o menu lateral da página de forma genérica através do template --%>
	<c:import url="/templates/menuLateral.jsp"></c:import>
	
	<div class="tabela_clinica">
		<table border="2px">
			<thead>
				<tr>
					<th>Nome da Clinica</th>
					<th> CNPJ</th>
					<th>Foto da Clinica</th>
					<th></th>
				</tr>
			</thead>
			<tbody>
				<c:forEach var="clinica" items="${listaClinicas}" varStatus="i">
				
					<c:if test="${i.count % 2 eq 0}">
						<tr class="registro_clinica1">
						
						<td>${clinica.nomeClinica}</td>
						<td>${clinica.cnpj}</td>
							<td><%-- <img class="imagem_consulta" src="${pageContext.request.contextPath}/paginas/clinica?action=bic&idClinica=${clinica.idClinica}"/>--%></td>
							<td><a href="#" onclick="return abrirTelaDatalhe(${clinica.idClinica});">Detalhar</a></td>
					
						</tr>
					</c:if>
					
					<c:if test="${i.count % 2 ne 0}">
						<tr class="registro_clinica2">
						
						<td>${clinica.nomeClinica}</td>
						<td>${clinica.cnpj}</td>
						<td><%--<img class="imagem_consulta" src="${pageContext.request.contextPath}/paginas/clinica?action=bic&idClinica=${clinica.idClinica}"/> --%></td>
						<td><a href="#" onclick="return abrirTelaDatalhe(${clinica.idClinica});">Detalhar</a></td>
					
					</tr>
					
					</c:if>
				
				</c:forEach>
			
			</tbody>
		</table>
	</div>
	<div id="divDetalhe">
		
	</div>

</body>
</html>